import Vue from 'vue'//不是完成版vue  是运行时版本
// 完整版的vue包含两个东西 - 1.vue核心 2.vue模板解析器
// 这里的vue只有 vue核心 没有模板解析器 这样做大大减少了vue的体积，让运行代码变得更快，而且打包上线后vue模板解析器是无用的
import App from './App.vue'
import router from './router'
import store from '@/store'
import {getBarMixin} from './mixins/getBarMixin'
import bus from '@/bus' //定义了一个bus.js的写法 在src下面的bus.js 第一步
Vue.prototype.$EventBus = bus//定义了一个bus.js的写法 在src下面的bus.js 第二步  第三步在OtherView里面
Vue.config.productionTip = false
// Vue.directive('focus',{
//   bind:function(el,binding){
//     console.log('bind',el);
//     console.log('bind',binding);
//   },
//   inserted:function(el,binding){
//     console.log('inserted',el);
//     console.log('inserted',binding);
//     el.focus()
//   }
// })
// 简写
// Vue.directive('focus',function(el,binding){
//     console.log('inserted',el);
//     console.log('inserted',binding);
//     el.focus()
  
// })

Vue.directive('has',{
  inserted:function(el,binding){
    el.innerHTML = binding.value.text
    el.style.backgroundColor = binding.value.color
  }
})
new Vue({
  router,
  store,
  mixins:[getBarMixin],
  // 全局事件总线 第一步 第二步在OtherView 第三步在FatherView
  // beforeCreate(){
  //   Vue.prototype.$bus = this
  // },
  render: h => h(App)
  //  template:'<div>11222344</div>'会报错
}).$mount('#app')
